<!DOCTYPE html>
<html>
<head>
    <title>员工信息管理</title>
    <link rel="stylesheet" type="text/css" href="/lib/bootstrap/css/bootstrap.min.css">
</head>
<body>
    <header>

    </header><!-- /header -->


    <div class="right" style="width:1000px;height: 800px;margin-left: 250px;">

          <input type="text" class="form-control input-username" style="width:200px;float:left;" placeholder="请输入你要查找的员工">

        <button class="btn btn-default btn-find-user">查找员工</button>
        <button class="btn btn-primary" data-toggle="modal" data-target="#addStaffModal">添加员工</button>



    	<table class="table table-bordered table-striped table-staff">
    		<thead>
    			<tr>
    				<th>序号</th>
    				<th>员工姓名</th>
    				<th>所在部门</th>
    				<th>职位名称</th>
    				<th>进入公司时间</th>
    				<th>工资</th>
    				<th>操作</th>
    			</tr>
    		</thead>
    		<tbody>

    		</tbody>


    	</table>
    	<nav>
		  <ul class="pagination">
		    <li class="active"><a href="#">1</a></li>
		    <li><a href="#">2</a></li>
		    <li><a href="#">3</a></li>
		    <li><a href="#">4</a></li>
		    <li><a href="#">5</a></li>
		  </ul>
		</nav>
	</div>
<div class="modal fade" id="addStaffModal" tabindex="-1">
	  <div class="modal-dialog">
	    <div class="modal-content">
	      <div class="modal-header">
	        <button type="button" class="close" data-dismiss="modal"><span>&times;</span></button>
	        <h4 class="modal-title" id="addPosModalLabel">添加员工</h4>
	      </div>
	      <div class="modal-body">
	      	<div class="alert alert-danger hidden add-pos-error">添加员工有误</div>
	        <form class="form-add-staff">
	          <div class="form-group">
			    <label for="addPosCompany">员工姓名</label>
			    <input type="text" class="form-control" name="name" id="addName" placeholder="请输入员工姓名" value="">
			  </div>
			  <div class="form-group">
			    <label for="addPosCompany">所在部门</label>
			    <input type="text" class="form-control" name="department" id="addDepartment" placeholder="请输入员工所在部门" value="">
			  </div>
			  <div class="form-group">
			    <label for="addPosName">职位名称</label>
			    <input type="text" class="form-control" name="profession" id="addProfes" placeholder="请输入职位名称" value="">
			  </div>
			  <div class="form-group">
			    <label for="addPosCompany">性别</label>
			    <input type="text" class="form-control" name="sex" id="addSex" placeholder="请输入员工性别" value="">
			  </div>
			  <div class="form-group">
			    <label for="addPosCompany">生日</label>
			    <input type="text" class="form-control" name="birthday" id="addBirthday" placeholder="请输入员工生日" value="">
			  </div>
			  <div class="form-group">
			    <label for="addPosCompany">籍贯</label>
			    <input type="text" class="form-control" name="nativeplace" id="addNatPla" placeholder="请输入员工籍贯" value="">
			  </div>
			  <div class="form-group">
			    <label for="addPosCompany">学历</label>
			    <input type="text" class="form-control" name="education" id="addEducation" placeholder="请输入员工学历" value="">
			  </div>
			  <div class="form-group">
			    <label for="addPosCompany">专业</label>
			    <input type="text" class="form-control" name="specialty" id="addSpecialty" placeholder="请输入员工所学专业" value="">
			  </div>
			  <div class="form-group">
			    <label for="addPosSalary">进入公司时间</label>
			    <input type="text" class="form-control" name="entercompanytime" id="addEntComTime" placeholder="员工进入公司时间" value="">
			  </div>
			  <div class="form-group">
			    <label for="addPosSalary">每月工资</label>
			    <input type="text" class="form-control" name="salary" id="addSalary" placeholder="请输入员工每月工资" value="">
			  </div>

			</form>
	      </div>
	      <div class="modal-footer">
	        <button type="button" class="btn btn-default" data-dismiss="modal">取消</button>
	        <button type="button" class="btn btn-primary btn-add-staff">添加</button>
	      </div>
	    </div>
	  </div>
	</div>


<div class="modal fade" id="UpdateStaffModal" tabindex="-1">
	  <div class="modal-dialog">
	    <div class="modal-content">
	      <div class="modal-header">
	        <button type="button" class="close" data-dismiss="modal"><span>&times;</span></button>
	        <h4 class="modal-title" id="addPosModalLabel">修改员工信息</h4>
	      </div>
	      <div class="modal-body">
	      	<div class="alert alert-danger hidden add-pos-error">修改员工有误</div>
	        <form class="form-update-staff">
	          <div class="form-group" style="display: none;">
			    <label for="updateid">员工编号</label>
			    <input type="text" class="form-control" name="id" id="updateid" placeholder="请输入员工姓名" value="" >
			  </div>
	          <div class="form-group">
			    <label for="addPosCompany">员工姓名</label>
			    <input type="text" class="form-control" name="name" id="addName" placeholder="请输入员工姓名" value="">
			  </div>
			  <div class="form-group">
			    <label for="addPosCompany">所在部门</label>
			    <input type="text" class="form-control" name="department" id="addDepartment" placeholder="请输入员工所在部门" value="">
			  </div>
			  <div class="form-group">
			    <label for="addPosName">职位名称</label>
			    <input type="text" class="form-control" name="profession" id="addProfes" placeholder="请输入职位名称" value="">
			  </div>
			  <div class="form-group">
			    <label for="addPosCompany">性别</label>
			    <input type="text" class="form-control" name="sex" id="addSex" placeholder="请输入员工性别" value="">
			  </div>
			  <div class="form-group">
			    <label for="addPosCompany">生日</label>
			    <input type="text" class="form-control" name="birthday" id="addBirthday" placeholder="请输入员工生日" value="">
			  </div>
			  <div class="form-group">
			    <label for="addPosCompany">籍贯</label>
			    <input type="text" class="form-control" name="nativeplace" id="addNatPla" placeholder="请输入员工籍贯" value="">
			  </div>
			  <div class="form-group">
			    <label for="addPosCompany">学历</label>
			    <input type="text" class="form-control" name="education" id="addEducation" placeholder="请输入员工学历" value="">
			  </div>
			  <div class="form-group">
			    <label for="addPosCompany">专业</label>
			    <input type="text" class="form-control" name="specialty" id="addSpecialty" placeholder="请输入员工所学专业" value="">
			  </div>
			  <div class="form-group">
			    <label for="addPosSalary">进入公司时间</label>
			    <input type="text" class="form-control" name="entercompanytime" id="addEntComTime" placeholder="员工进入公司时间" value="">
			  </div>
			  <div class="form-group">
			    <label for="addPosSalary">每月工资</label>
			    <input type="text" class="form-control" name="salary" id="addSalary" placeholder="请输入员工每月工资" value="">
			  </div>

			</form>
	      </div>
	      <div class="modal-footer">
	        <button type="button" class="btn btn-default" data-dismiss="modal">取消</button>
	        <button type="button" class="btn btn-primary btn-update-staff">修改</button>
	      </div>
	    </div>
	  </div>
	</div>





    <script src="/lib/jquery/jquery-1.12.4.min.js"></script>
    <script src="/lib/bootstrap/js/bootstrap.min.js"></script>
    <script src="/js/header.js"></script>
    <script src="/js/staff.js"></script>
    <script src="/lib/ejs/ejs.min.js"></script>
</body>
</html>
